Accessibility
In your web pages, you should make custom interactive controls focusable. For example, if you turn a <div> into a dropdown using JavaScript, this action will not be included in the tab order by default: you must do a manual check to see if all custom controls are keyboard focusable.
Simply press the TAB key: in this way you can navigate through the page and you can check if it's possible or not to reach the interactive controls.
If it's not possible, you should improve the focusability using tabindex.
The custom control element has to be inserted into the natural tab order using tabindex=”0”.
<div tabindex="0">Focus me with the TAB key</div>
Learn more about
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Measure and track user interactions with your contents. Track all the actions you want: downloads, clicks, video plays, social share, engagement.
Get Facebook data and engagement count by URL. Retrieve Open Graph data, "share" count, comment count and engagement from url.
Create your personalized Barcode in over 70 formats. Choose your data, formats and colors and get your personalized Barcode.
Send Web Vitals metrics to Analytics for better tracking. Measures and send Google Core Web Vitals to your Analytics account.
Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates. Set styles and colors for your drawed shapes and get the code.
Generate Twitter cards markup and improve yours html meta. Attach rich photos, videos and media experiences to Tweets and drive traffic to your site.
Get Vimeo video thumbnails and info dataset. Retrieve Vimeo video image thumbnails, caption, description, user info and stats.
Check color contrast ratio WCAG 2 AA of your pages. Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.